/*v20200514*/
@charset "utf-8";


.main_banner{}

/* main_mode_tz */
.mode_tz_list{background:#fff;position:relative;height:50px;}
.mode_tz_list .flexslider .slides{padding-left:80px;}
.mode_tz_list .winimg{padding-left:80px;height:50px;line-height:50px;}
@media (min-width:992px){.mode_tz_list .winimg{padding-left:130px;}}
.mode_tz_list h1{position:absolute;top:15px;margin:0px;}
.mode_tz_list h1 span{
  font-size:16px;
  color:#000;
  font-weight: bold;
}

.mode_tz_list .flexslider{background:transparent;}
.mode_tz_list .flexslider_text a{
  font-size: 14px;color: #333333;
}
.mode_tz_list .flexslider_text span{padding-left:20px;font-size:14px;color:#cccccc;}
.mode_tz_list .flexslider_text a:hover{color: #abcd03;}

.main_mode_tz .flex-control-nav{display:none;}
.main_mode_tz .flex-direction-nav{}
.main_mode_tz .flex-direction-nav .flex-prev{}
.main_mode_tz .flex-direction-nav .flex-next{}
.main_mode_tz .flex-direction-nav a {
  display: block;
  margin: -10px 0 0;
  top: 50%;
  height:34px;
  width:22px;
  text-align:center;
  background: transparent;
  border-radius: 0px;
  opacity: 1;
}

.main_mode_tz .flex-direction-nav .flex-prev { 
  left: 0px;
  background: url(szzkzwmh_left.jpg) top left no-repeat;
}
.main_mode_tz .flex-direction-nav .flex-next {
  right: inherit;
  left: 25px;
  background: url(szzkzwmh_right.jpg) top left no-repeat;
}


.main_mode_tz .flexslider .flex-direction-nav .flex-nav-prev .flex-prev:hover
{
  left: 0px;
  background: url(szzkzwmh_left_hov.jpg) top left no-repeat;
}
.main_mode_tz .flexslider .flex-direction-nav .flex-nav-next .flex-next:hover
{
  right: inherit;
  left: 25px;
  background: url(szzkzwmh_right_hov.jpg) top left no-repeat;
}
@media (max-width:991px){  
  .main_mode_tz .flex-direction-nav{display:block;}
  .mode_tz_list{position:relative;height:auto;padding-bottom:20px;}
  .mode_tz_list .winimg{padding-left:0px;height:auto;line-height:24px;margin-top:15px;}
  .mode_tz_list h1{position:inherit;top:15px;margin:0px;height:40px;} 
}

.zkzx_more{cursor:pointer;z-index:999;position:absolute;right:0;top:17px;color:#9a9a9a;}
.zkzx_more:hover{color:#114098;}

/* zuixinchanpin */
.main_mode_cp{background:#f6f6f6;padding:40px 0;}
.main_mode_cp h1{padding:0px;margin:0px;}
.main_mode_cp h1 span{
  border-left:4px solid #114098;padding-left:20px;
  font-size:20px;color:#000000;
  height: 20px;
  float: left;
  font-weight: bold;
}
.main_mode_cp h1 font{
  border-left:4px solid #cccbcb;padding-left:20px;height:20px;
}
.main_mode_cp h1 font em{font-size:12px;color:#9a9a9a;font-style:normal;padding-top:8px;}
.main_mode_cp h1 font a.cp_more{font-size:14px;color:#9a9a9a;}
.main_mode_cp h1 font a.cp_more:hover{color:#114098;}

/* scrollpic */

#myscroll{display:block; 
  width:100%; position:relative;height:310px; overflow:hidden;
}
#myscroll #myscrollbox{
  display:block; float:left; 
  position:absolute; left:-25px; top:0; width:1000000px;
}
#myscroll ul{display:block; float:left; list-style-type:none; padding:0; margin:0;}
#myscroll ul li{display:block; float:left; padding:0; margin:0;}
#myscroll ul li .cp_img{
  display:block; float:left; 
  width:386px; padding:0 25px; position:relative; 
  height:310px; color:#333;
  
}

#myscroll ul li .cp_img>img{width:100%;max-width:361px;}
#myscroll .cp_img .intro{
  float: left;width: 100%;
  position:absolute; left:0; z-index:10; 
  padding:0 25px;
  bottom: 0px;
}
#myscroll .cp_img .intro h5{
  float: left;width: 100%;
  padding:0; margin:0; 
  font-size:16px; 
  font-weight:bold; 
  padding:30px 10px 5px 10px;
  text-align: center;
  color: #333;
  background-color:rgba(255,255,255,1);
}
#myscroll .cp_img .intro .cp_img_text{
  background-color:rgba(255,255,255,1);
  padding-bottom: 20px;
}

#myscroll .cp_img .intro p{
  float: left;width: 100%;
  font-size:12px; 
  padding: 0px 20px;
  color: #9a9a9a;
  text-align: center;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;
  word-wrap: normal;
}
#myscroll .cp_img .intro .cp_img_more{
  display:none;
  text-align: center;
  padding-top: 10px;
}
#myscroll .cp_img .intro .cp_img_more em{
  font-size: 14px;
  border: 1px solid #fff;
  padding: 8px 15px;
  margin-top: 15px;
  color: #fff;
  font-style: normal;
  border-radius: 15px;
}
#myscroll .cp_img:hover .intro h5,
#myscroll .cp_img:hover .intro .cp_img_text{background-color:#114098;color:#fff;}
#myscroll .cp_img:hover .intro p{
  color:#fff;
}
#myscroll .cp_img:hover .intro .cp_img_more{display:block;}


#mybtns{margin:20px; width:97%; display:block;height: 42px; }
#mybtns a{
  width:42px; height:42px; 
  display:block; float:left; margin-right:1px; 
  opacity: 0.5;
}
#mybtns a:hover{
  opacity: 1;
}
#mybtns a:hover, #myscroll, #mybtns a,#myscroll a:hover .intro, #myscroll a .intro,#myscroll #myscrollbox{
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#mybtns #left{background:url(jt_l.png) center center no-repeat;}
#mybtns #right{background: url(jt_r.png) center center no-repeat;}

@media (min-width: 992px) {
    .scrollpic{max-width:940px; width:100%;}
    .scrollpic{position:relative;margin-top:35px;}
    #myscroll{width:940px;}
    #mybtns{margin:10px;height:auto;}
    #mybtns a{
      position:absolute;top: 40%;
    }
    #mybtns #left{background:url(jt_l.png) center center no-repeat;left:-60px;}
    #mybtns #right{background: url(jt_r.png) center center no-repeat;right:-60px;}
}
@media (min-width: 1200px) {
    .scrollpic{max-width:1140px; width:100%;}
    #myscroll{width:1110px;}
}
@media (min-width:1504px) {
    /* .container{width:1440px;} */
    .scrollpic{max-width:1410px; width:100%;}
    #myscroll{width:1380px;height:400px;}
    #myscroll ul li .cp_img{
      width: 475px;
      height: 400px;
    }
    #myscroll ul li .cp_img>img{max-width:425px;}
}
@media(max-width:767px){
.scrollpic{max-width:685px; width:100%;}
#myscroll{width:auto;}
}
@media(max-width:992px){
#myscroll ul li .cp_img{width:366px;}
}
@media(max-width:523px){
.scrollpic{max-width:330px; width:100%;}
#myscroll{width:330px;}
}
/*浏览器宽度变化时需刷新页面才能正常显示*/